<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>YUI Library Examples: YUI Test Utility: Advanced Test Options</title>
    

    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    	<link rel="stylesheet" type="text/css" href="../../assets/yui.css" >

<style>
/*Supplemental CSS for the YUI distribution*/
#custom-doc { width: 95%; min-width: 950px; }
#pagetitle {background-image: url(../../assets/bg_hd.gif);}
</style>

<link rel="stylesheet" type="text/css" href="../../assets/dpSyntaxHighlighter.css">
<!--Script and CSS includes for YUI dependencies on this page-->
<link rel="stylesheet" type="text/css" href="../../build/logger/assets/skins/sam/logger.css" />
<link rel="stylesheet" type="text/css" href="../../build/yuitest/assets/skins/sam/yuitest.css" />
<link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="../../build/yuiloader/yuiloader-min.js"></script>
<script type="text/javascript" src="../../build/event/event-min.js"></script>
<script type="text/javascript" src="../../build/dom/dom-min.js"></script>
<script type="text/javascript" src="../../build/logger/logger-min.js"></script>
<script type="text/javascript" src="../../build/yuitest/yuitest-min.js"></script>
<script type="text/javascript" src="../../build/element/element-min.js"></script>
<script type="text/javascript" src="../../build/button/button-min.js"></script>

<!--there is no custom header content for this example-->


<script type="text/javascript">
//enable passthrough of errors from YUI Event:
if ((typeof YAHOO !== "undefined") && (YAHOO.util) && (YAHOO.util.Event)) {
	YAHOO.util.Event.throwErrors = true;
}
</script>
</head>
<body id="yahoo-com" class="yui-skin-sam">
<div id="custom-doc" class="yui-t2">
<div id="hd">
	<div id="ygunav">
		<p><em><a href="http://developer.yahoo.com/yui/">YUI Library Home</a></em></p>
		<form action="http://search.yahoo.com/search" id="sitesearchform">
		<input name="vs" type="hidden" value="developer.yahoo.com">
		<input name="vs" type="hidden" value="yuiblog.com">
		<div id="sitesearch">
			<label for="searchinput">Site Search (YDN &amp; YUIBlog): </label>
			<input type="text" id="searchinput" name="p">
			<input type="submit" value="Search" id="searchsubmit" class="ygbt">
		</div>
		</form>	</div>
	<div id="ygma"><a href="../../"><img src="../../assets/yui.gif"  border="0" height="38"></a></div>
	<div id="pagetitle"><h1>YUI Library Examples: YUI Test Utility: Advanced Test Options</h1></div>
</div>
<div id="bd">
	
	<div id="yui-main">
		<div class="yui-b">
		  <div class="yui-ge">
			  <div class="yui-u first example">

    
	<div class="promo">
	<h1>YUI Test Utility: Advanced Test Options</h1>
	
	<div class="exampleIntro">
	<p>This example shows how to use advanced test options, which allow you to specify additional information about how a test should be run.
  Each <a href="/yui/yuitest/#testcase"><code>TestCase</code></a> can specify up to three different options for tests,
  including tests that should be ignored, tests that should throw an error, and tests that should fail.</p>			
	</div>	
					
	<div class="example-container module ">
			<div class="hd exampleHd">
			<p class="newWindowButton yui-skin-sam"><!--<span id="newWindowLinkx"><span class="first-child">--><a href="yt-advanced-test-options_clean.html" target="_blank">View example in new window.</a><!--</span></span>-->		
		</div>		<div id="example-canvas" class="bd">
	
		
	<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
	
	<div id="testLogger"></div>
<script type="text/javascript">

    YAHOO.namespace("example.yuitest");
    
    YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({
    
        //the name of the test case - if not provided, one is automatically generated
        name: "Advanced Options Tests",
        
        /*
         * Specifies tests that "should" be doing something other than the expected.
         */
        _should: {
        
            /*
             * Tests listed in here should fail, meaning that if they fail, the test
             * has passed. This is used mostly for YuiTest to test itself, but may
             * be helpful in other cases.
             */
            fail: {
            
                //the test named "testFail" should fail
                testFail: true
            
            },
            
            /*
             * Tests listed here should throw an error of some sort. If they throw an
             * error, then they are considered to have passed.
             */
            error: {
            
                /*
                 * You can specify "true" for each test, in which case any error will
                 * cause the test to pass.
                 */
                testGenericError: true,
                
                /*
                 * You can specify an error message, in which case the test passes only
                 * if the error thrown matches the given message.
                 */
                testStringError: "I'm a specific error message.",
                testStringError2: "I'm a specific error message.",
                
                /*
                 * You can also specify an error object, in which case the test passes only
                 * if the error thrown is on the same type and has the same message.
                 */
                testObjectError: new TypeError("Number expected."),            
                testObjectError2: new TypeError("Number expected."),
                testObjectError3: new TypeError("Number expected.")
            
            },
            
            /*
             * Tests listed here should be ignored when the test case is run. For these tests,
             * setUp() and tearDown() are not called.
             */
            ignore : {
            
                testIgnore: true
                
            }    
        },
        
        //-------------------------------------------------------------------------
        // Basic tests - all method names must begin with "test"
        //-------------------------------------------------------------------------
        
        testFail : function() {
        
            //force a failure - but since this test "should" fail, it will pass
            YAHOO.util.Assert.fail("Something bad happened.");
            
        },
        
        testGenericError : function() {    
            throw new Error("Generic error");        
        },
        
        testStringError : function() {
            
            //throw a specific error message - this will pass because it "should" happen
            throw new Error("I'm a specific error message.");    
        },
        
        testStringError2 : function() {
            
            //throw a specific error message - this will fail because the message isn't expected
            throw new Error("I'm a specific error message, but a wrong one.");    
        },
        
        testObjectError : function() {
            
            //throw a specific error and message - this will pass because it "should" happen
            throw new TypeError("Number expected.");    
        },
        
        testObjectError2 : function() {
            
            //throw a specific error and message - this will fail because the type doesn't match
            throw new Error("Number expected."); 
        },
        
        testObjectError3 : function() {
            
            //throw a specific error and message - this will fail because the message doesn't match
            throw new TypeError("String expected.");    
        },
        
        testIgnore : function () {
            alert("You'll never see this.");
        }
        
    });        
     
    YAHOO.util.Event.onDOMReady(function (){
        //create the logger
        var logger = new YAHOO.tool.TestLogger("testLogger");
        YAHOO.tool.TestRunner.add(YAHOO.example.yuitest.AdvancedOptionsTestCase);

        //run the tests
        YAHOO.tool.TestRunner.run();
    });

</script>	
	<!--END SOURCE CODE FOR EXAMPLE =============================== -->
	
		
		</div>
		
	
	</div>			
	</div>
		
	<h2 class="first">Advanced Test Options</h2>

<p>This example begins by creating a namespace and a <code>TestCase</code> object:</p>
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.namespace("example.yuitest");  
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({
    name: "Advanced Options Tests"
});
</textarea>

<p>This <code>TestCase</code> serves as the basis for this example.</p>

<h3>Using <code>_should</code></h3>

<p>Immediately after the <code>name</code> of the <code>TestCase</code> is defined, there is a <code>_should</code> property.
  This property specifies information about how tests <em>should</em> behave and is defined as an object literal with one
  or more of the following properties: <code>fail</code>, <code>error</code>, and <code>ignore</code>.Each of these three
  is also defined as an object literal whose property names map directly to the names of test methods in the <code>TestCase</code>.
  This example uses all three properties:</p>
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    /*
     * Specifies tests that "should" be doing something other than the expected.
     */
    _should: {
    
        /*
         * Tests listed in here should fail, meaning that if they fail, the test
         * has passed. This is used mostly for YuiTest to test itself, but may
         * be helpful in other cases.
         */
        fail: {
        
            //the test named "testFail" should fail
            testFail: true
        
        },
        
        /*
         * Tests listed here should throw an error of some sort. If they throw an
         * error, then they are considered to have passed.
         */
        error: {
        
            /*
             * You can specify "true" for each test, in which case any error will
             * cause the test to pass.
             */
            testGenericError: true,
            
            /*
             * You can specify an error message, in which case the test passes only
             * if the error thrown matches the given message.
             */
            testStringError: "I'm a specific error message.",
            testStringError2: "I'm a specific error message.",
            
            /*
             * You can also specify an error object, in which case the test passes only
             * if the error thrown is on the same type and has the same message.
             */
            testObjectError: new TypeError("Number expected."),            
            testObjectError2: new TypeError("Number expected."),
            testObjectError3: new TypeError("Number expected.")
        
        },
        
        /*
         * Tests listed here should be ignored when the test case is run. For these tests,
         * setUp() and tearDown() are not called.
         */
        ignore : {
        
            testIgnore: true
            
        }    
    },
    
    ...
});
</textarea>  

<p>This <code>Test</code> specifies one test that should fail, six that should throw an error, and one that should be ignored.</p>
<p>In the <code>fail</code> section, the test method <code>testFail()</code> is specified as one that should fail. By adding the
  property <code>testFail</code> and settings its value to true, the <code>TestRunner</code> knows that this test is expected to fail.
  If the test were to be run without failing, it would be considered a failure of the test. This feature is useful when testing
  YUI Test itself or addon components to YUI Test.</p>
<p>Moving on to the <code>error</code> section, there are six tests specified that should throw an error. There are three different ways
  to indicate that a test is expected to throw an error. The first is simply to add a property with the same name as the test method
  and set its value equal to true (similar to specifying tests that should fail). In this example, the <code>testGenericError()</code>
  method is specified this way. When specified like this, the test passes regardless of the type of error that occurs. This can be 
  dangerous since unexpected errors will also cause the test to pass. To be more specific, set the property value for the test method
  to an error message string. When a string is used instead of the Boolean true, the test passes only when an error is thrown and that
  error message matches the string. In this example, <code>testStringError()</code> and <code>testStringError2()</code> expect an error
  to be thrown with an error message of &quot;I'm a specific error message.&quot; If any other error occurs inside of the these methods,
  the test will fail because the error message doesn't match. The last way to specify an error should occur is to create an actual error
  object, which is the case with <code>testObjectError()</code>, <code>testObjectError2()</code>, and <code>testObjectError3()</code>.
  When specified in this way, a test will pass only when an error is thrown whose constructor and error message match that of the 
  error object.</p>
<p>The last section is <code>ignore</code>, which determines tests that should be ignored. In this example, the method <code>testIgnore()</code>
  is set to be ignored when the <code>TestCase</code> is executed. Test in the <code>ignore</code> section are specified the same way
  as those in the <code>fail</code> section, by adding the name as a property and setting its value to true.</p>
  
<h3>Creating the test methods</h3>

<p>The next part of the example contains the actual test methods. Since each test method is specified as having a certain behavior in
  <code>_should</code>, they each do something to show their particular functionality.</p>
<p>The first method is <code>testFail()</code>, which does nothing but purposely fail. Since this method is specified as one that should
  fail, it means that this test will pass:</p>  
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    ...
    
    testFail : function() {
    
        //force a failure - but since this test "should" fail, it will pass
        YAHOO.util.Assert.fail("Something bad happened.");
        
    },    
    
    ...
});
</textarea>  
<p>This method uses <code>Assert.fail()</code> to force the test to fail. This type of method is helpful if you are creating your own
  type of assert methods that should fail when certain data is passed in.</p>
<p>Next, the test methods that should error are defined.  The <code>testGenericError()</code> method is specified as needing to throw
  an error to pass. In the <code>error</code> section, <code>testGenericError</code> is set to true, meaning that any error causes
  this method to pass. To illustrate this, the method simply throws an error:</p>
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    ...
    
    testGenericError : function() {    
        throw new Error("Generic error");        
    },   

    ...
});
</textarea>
<p>The fact that this method throws an error is enough to cause it to pass (the type of error and error message don't matter). The next
  two methods, <code>testStringError()</code> and <code>testStringError2()</code> are specified as throwing an error with a specific
  message (&quot;I'm a specific error message.&quot;):</p>  
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    ...
    
    testStringError : function() {
        
        //throw a specific error message - this will pass because it "should" happen
        throw new Error("I'm a specific error message.");    
    },
    
    testStringError2 : function() {
        
        //throw a specific error message - this will fail because the message isn't expected
        throw new Error("I'm a specific error message, but a wrong one.");    
    }, 

    ...
});
</textarea>
<p>The <code>testStringError()</code> method will pass when executed because the error message matches up exactly with the one
  specified in the <code>error</code> section. The <code>testStringError2()</code> method, however, will fail because its
  error message is different from the one specified.</p>
<p>To be more specific, <code>testObjectError()</code>, <code>testObjectError2()</code>, and <code>testObjectError3()</code>,
  specified an error type (<code>TypeError</code>) and an error messsage (&quot;Number expected.&quot;):</p>
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    ...
    
    testObjectError : function() {
        
        //throw a specific error and message - this will pass because it "should" happen
        throw new TypeError("Number expected.");    
    },
    
    testObjectError2 : function() {
        
        //throw a specific error and message - this will fail because the type doesn't match
        throw new Error("Number expected."); 
    },
    
    testObjectError3 : function() {
        
        //throw a specific error and message - this will fail because the message doesn't match
        throw new TypeError("String expected.");    
    },

    ...
});
</textarea>  
<p>Of the these three methods, only <code>testObjectError()</code> will pass because it's the only one that throws a <code>TypeError</code>
  object with the message, &quot;Number expected.&quot; The <code>testObjectError2()</code> method will fail because the type of error
  being thrown (<code>Error</code>) is different from the expected type (<code>TypeError</code>), as specified in the <code>error</code>
  section. The last method, <code>testObjectError3()</code>, also fails. Though it throws the right type of error, the error message
  doesn't match the one that was specified.</p>
<p>The last method in the <code>TestCase</code> is <code>testIgnore()</code>, which is specified to be ignored. To be certain, this
  method pops up a message:</p>
<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.example.yuitest.AdvancedOptionsTestCase = new YAHOO.tool.TestCase({

    //the name of the test case - if not provided, one is automatically generated
    name: "Advanced Options Tests",
    
    ...
    
    testIgnore : function () {
        alert("You'll never see this.");
    }
});
</textarea>   
<p>If this test weren't ignored, then the alert should be displayed. Since it is ignored, though, you will never see the alert. Additionally,
  there is a special message displayed in the <code>TestLogger</code> when a test is ignored.</p>
  
<h3>Running the tests</h3>

<p>With all of the tests defined, the last step is to run them. This initialization is assigned to take place when the document tree has been 
  completely loaded by using the Event utility's <code>onDOMReady()</code> method:</p>

<textarea name="code" class="JScript" cols="60" rows="1">
YAHOO.util.Event.onDOMReady(function (){

    //create the logger
    var logger = new YAHOO.tool.TestLogger();
    
    //add the test suite to the runner's queue
    YAHOO.tool.TestRunner.add(YAHOO.example.yuitest.AdvancedOptionsTestCase);

    //run the tests
    YAHOO.tool.TestRunner.run();
});
</textarea> 

<p>Before running the tests, it's necessary to create a <code>TestLogger</code> object to display the results (otherwise the tests would run 
  but you wouldn't see the results). After that, the <code>TestRunner</code> is loaded with the <code>TestSuite</code> object by calling 
  <code>add()</code> (any number of <code>TestCase</code> and <code>TestSuite</code> objects can be added to a <code>TestRunner</code>, 
  this example only adds one for simplicity). The very last step is to call <code>run()</code>, which begins executing the tests in its
  queue and displays the results in the <code>TestLogger</code>.</p>
<h2>Configuration for This Example</h2>

<p>You can load the necessary JavaScript and CSS for this example from Yahoo's servers.  <a href="http://developer.yahoo.com/yui/articles/hosting/?event&dom&logger&yuitest&MIN#configure">Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured</a>.</p>

				</div>
				<div class="yui-u">
					
				
					<div id="examples">
						<h3 class='firstContent'>YUI Test Utility Examples:</h3>
	
						<div id="exampleToc">
							<ul>
								<li><a href='../yuitest/yt-simple-example.html'>Simple Testing Example</a></li><li class='selected'><a href='../yuitest/yt-advanced-test-options.html'>Advanced Test Options</a></li><li><a href='../yuitest/yt-array-tests.html'>Array Processing</a></li><li><a href='../yuitest/yt-async-test.html'>Asynchronous Testing</a></li><li><a href='../yuitest/yt-async-event-tests.html'>Asynchronous Event Testing</a></li>							</ul>
						</div>
					</div>
					
					<div id="module">
						<h3>More YUI Test Utility Resources:</h3>
						<ul>
							<li><a href="http://developer.yahoo.com/yui/yuitest/">User's Guide</a> (external)</li>
						<li><a href="../../docs/module_yuitest.html">API Documentation</a></li>
                            
                            
							<li><a href="http://yuiblog.com/assets/pdf/cheatsheets/yuitest.pdf">Cheat Sheet PDF</a> (external)</li></ul>
					</div>
			  </div>
		</div>
		
		</div>
	</div>


<div class="yui-b" id="tocWrapper">
<!-- TABLE OF CONTENTS -->
<div id="toc">
	
<ul>
<li class="sect first">Yahoo! UI Library</li><li class="item"><a title="The Yahoo! User Interface Library (YUI)" href="http://developer.yahoo.com/yui/">Home (external)</a></li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUIBlog (external)</a></li><li class="item"><a title="YUILibrary.com hosts the YUI community forums" href="http://yuilibrary.com/forum/">YUI Discussion Forum (external)</a></li><li class="item"><a title="The YUI Library source can be checked out from GitHub" href="http://github.com/yui/">YUI on GitHub</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="../../docs/index.html">API Documentation</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="../../examples/">Functional Examples</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/license.html">YUI License (external)</a></li><li class="sect">YUI Functional Examples</li><li class="item"><a title="The YUI Animation Utility - Functional Examples" href="../../examples/animation/index.html">Animation</a></li><li class="item"><a title="The YUI AutoComplete Control - Functional Examples" href="../../examples/autocomplete/index.html">AutoComplete</a></li><li class="item"><a title="The YUI Browser History Manager - Functional Examples" href="../../examples/history/index.html">Browser History Manager</a></li><li class="item"><a title="The YUI Button Control - Functional Examples" href="../../examples/button/index.html">Button</a></li><li class="item"><a title="The YUI Calendar Control - Functional Examples" href="../../examples/calendar/index.html">Calendar</a></li><li class="item"><a title="The YUI Carousel Control - Functional Examples" href="../../examples/carousel/index.html">Carousel</a></li><li class="item"><a title="The YUI Charts Control - Functional Examples" href="../../examples/charts/index.html">Charts</a></li><li class="item"><a title="The YUI Color Picker Control - Functional Examples" href="../../examples/colorpicker/index.html">Color Picker</a></li><li class="item"><a title="The YUI Cookie Utility - Functional Examples" href="../../examples/cookie/index.html">Cookie</a></li><li class="item"><a title="The YUI Connection Manager (AJAX) - Functional Examples" href="../../examples/connection/index.html">Connection Manager</a></li><li class="item"><a title="The YUI Container Family (Module, Overlay, Tooltip, Panel, Dialog, SimpleDialog) - Functional Examples" href="../../examples/container/index.html">Container</a></li><li class="item"><a title="The YUI DataTable Control - Functional Examples" href="../../examples/datatable/index.html">DataTable</a></li><li class="item"><a title="The YUI Dom Collection - Functional Examples" href="../../examples/dom/index.html">Dom</a></li><li class="item"><a title="The YUI Drag &amp; Drop Utility - Functional Examples" href="../../examples/dragdrop/index.html">Drag &amp; Drop</a></li><li class="item"><a title="The YUI Event Utility - Functional Examples" href="../../examples/event/index.html">Event</a></li><li class="item"><a title="The YUI Get Utility - Functional Examples" href="../../examples/get/index.html">Get</a></li><li class="item"><a title="The YUI ImageCropper Control - Functional Examples" href="../../examples/imagecropper/index.html">ImageCropper</a></li><li class="item"><a title="The YUI ImageLoader Utility - Functional Examples" href="../../examples/imageloader/index.html">ImageLoader</a></li><li class="item"><a title="The YUI JSON Utility - Functional Examples" href="../../examples/json/index.html">JSON</a></li><li class="item"><a title="The YUI Layout Manager - Functional Examples" href="../../examples/layout/index.html">Layout Manager</a></li><li class="item"><a title="The YUI Logger Control - Functional Examples" href="../../examples/logger/index.html">Logger</a></li><li class="item"><a title="The YUI Menu Control - Functional Examples" href="../../examples/menu/index.html">Menu</a></li><li class="item"><a title="The YUI Paginator - Functional Examples" href="../../examples/paginator/index.html">Paginator</a></li><li class="item"><a title="The YUI Profiler Utility - Functional Examples" href="../../examples/profiler/index.html">Profiler</a></li><li class="item"><a title="The YUI ProfileViewer Control - Functional Examples" href="../../examples/profilerviewer/index.html">ProfilerViewer</a></li><li class="item"><a title="The YUI ProgressBar Control - Functional Examples" href="../../examples/progressbar/index.html">ProgressBar</a></li><li class="item"><a title="The YUI Resize Utility - Functional Examples" href="../../examples/resize/index.html">Resize</a></li><li class="item"><a title="The YUI Rich Text Editor - Functional Examples" href="../../examples/editor/index.html">Rich Text Editor</a></li><li class="item"><a title="The YUI Selector Utility - Functional Examples" href="../../examples/selector/index.html">Selector</a></li><li class="item"><a title="The YUI Slider Control - Functional Examples" href="../../examples/slider/index.html">Slider</a></li><li class="item"><a title="The YUI Storage Utility - Functional Examples" href="../../examples/storage/index.html">Storage</a></li><li class="item"><a title="The YUI SWF Utility - Functional Examples" href="../../examples/swf/index.html">SWF</a></li><li class="item"><a title="The YUI SWFStore Utility - Functional Examples" href="../../examples/swfstore/index.html">SWFStore</a></li><li class="item"><a title="The YUI Stylesheet Utility - Functional Examples" href="../../examples/stylesheet/index.html">Stylesheet</a></li><li class="item"><a title="The YUI TabView Control - Functional Examples" href="../../examples/tabview/index.html">TabView</a></li><li class="item"><a title="The YUI TreeView Control - Functional Examples" href="../../examples/treeview/index.html">TreeView</a></li><li class="item"><a title="The YUI Uploader Utility - Functional Examples" href="../../examples/uploader/index.html">Uploader (experimental)</a></li><li class="item"><a title="The YUI YAHOO Global Object - Functional Examples" href="../../examples/yahoo/index.html">YAHOO Global Object</a></li><li class="item"><a title="The YUI Loader Utility - Functional Examples" href="../../examples/yuiloader/index.html">YUI Loader</a></li><li class="selected "><a title="The YUI Test Utility - Functional Examples" href="../../examples/yuitest/index.html">YUI Test</a></li><li class="item"><a title="YUI Reset CSS - Functional Examples" href="../../examples/reset/index.html">Reset CSS</a></li><li class="item"><a title="YUI Base CSS - Functional Examples" href="../../examples/base/index.html">Base CSS</a></li><li class="item"><a title="YUI Fonts CSS - Functional Examples" href="../../examples/fonts/index.html">Fonts CSS</a></li><li class="item"><a title="YUI Grids CSS - Functional Examples" href="../../examples/grids/index.html">Grids CSS</a></li><li class="sect">YUI Articles on the YUI Website</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Reporting Bugs and Making Feature Requests for YUI Components" href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests (external)</a></li><li class="item"><a title="Serve YUI source files from Yahoo! -- free, fast, and simple" href="http://developer.yahoo.com/yui/articles/hosting/">Serving YUI Files from Yahoo! (external)</a></li><li class="item"><a title="Best practices for working with web services while protecting user privacy" href="http://developer.yahoo.com/security/">Security Best Practices (external)</a></li></ul>
</div>
</div>
	</div><!--closes bd-->

	<div id="ft">
        <p class="first">Copyright &copy; 2010 Yahoo! Inc. All rights reserved.</p>
        <p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - 
            <a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - 
            <a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - 
            <a href="http://careers.yahoo.com/">Job Openings</a></p>
	</div>
</div>
<script src="../../assets/syntax.js"></script>
<script src="../../assets/dpSyntaxHighlighter.js"></script>
<script language="javascript"> 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

<script src='../../assets/YUIexamples.js'></script>


</body>
</html>
